<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
 <div id="app">
   <!-- 修饰符lazy  作用文本框输入完，按回车或者这个文本框失去焦点才会才会触发，显示 -->
   <input type="text" v-model.lazy="message">
   <h2>{{message}}</h2>


   <!-- 修饰符 number -->
   <input type="text" v-model.number="age">
   <h2>{{age}}</h2>


   <!-- 修饰符 trim -->
   <input type="text" v-model.trim="value">
   <h2>{{value}}</h2>
  </div>


     <script src="js/vue.js"></script>
     <script>
       const app=new Vue({
         el: '#app',
         data: {
           message:'你好vue',
           age: 0,
           value: '',
         }
       })
     </script>
</body>
</html>